<template>
  <div>富文本编辑器</div>
  <vue3-tinymce v-model="state.content" :setting="state.setting" />
  <el-button @click="fn">上传</el-button>
</template>

<script setup lang="ts">
import { reactive } from "vue";
// 引入组件
import Vue3Tinymce from "@jsdawn/vue3-tinymce";

const state = reactive({
  content: "hello vue3-tinymce!",
  // editor 配置项
  setting: {
    height: 400, // editor 高度
  },
});

const fn = () => {
  console.log(state.content);
};
</script>
